/*
 * @Description: 预定需知页
 * @Author: shuaishuai.wang
 * @Date: 2019-07-10 14:09:08
 * @Last Modified by: shuaishuai.wang
 * @Last Modified time: 2019-10-10 16:52:07
 */
<template>
  <div class="main fontsize32">
    <title-bar titleText='预约须知'></title-bar>
    <div class="info">
      <div class="area">
        <h3 class="fontsize36">一、机动车检测预约类型</h3>
        <p>1、综合检测预约说明：具有机动车营运证的道路运输车辆；</p>
        <p>2、货运车“三检合一”预约说明：货运车年审、年检和尾气排放检验“三检合一”；</p>
        <p>3、车辆年检预约说明：具有行驶证的上道路行驶的车辆，即小轿车、客车、货车等。</p>
      </div>
      <div class="area">
        <h3 class="fontsize36">二、机动车检测预约时间</h3>
        <p>上午09:00-10:00</p>
        <p>下午12:00-13:00</p>
        <p>下午13:00-14:00</p>
        <p>下午14:00-15:00</p>
        <p>每个时间段各5个名额。</p>
      </div>
      <div class="area">
        <h3 class="fontsize36">三、特别声明</h3>
        <p>若晚于预约时间到达则需重新排队。</p>
      </div>
      <div class="area">
        <h3 class="fontsize36">四、机动车检测所需携带材料</h3>
        <p>1、机动车综合性能检测预约（综合检测）所需材料：</p>
        <p>①机动车登记证书原件及复印件；</p>
        <p>②机动车行驶证原件及复印件；</p>
        <p>③道路运输证原件及复印件。</p>
        <p>2、货运车“三检合一”所需材料：</p>
        <p>除需携带综合检测所需材料之外，对于在其他检测站检测合格，并完成行驶证签注之后来我站综检的车辆，提供相关报告（环检、安检报告）后直接采信、拍照上传。</p>
        <p>3、车辆年检所需材料：</p>
        <p>①机动车行驶证原件；</p>
        <p>②非本市保险公司出具的机动车交通事故责任强制保险单（有效期内），需要带保单原件。</p>
      </div>
    </div>
  </div>
</template>

<script>
import { TitleBar } from 'vue-xb-ui-depot'
import { setTitle } from 'vue-xiaobu-utils'
export default {
  components: {
    TitleBar
  },
  beforeCreate() {
    setTitle('预约须知')
  }
}
</script>

<style lang="scss" scoped>
@import './../common.scss';
.main {
  background-color: $bgColorMajor;
  height: 100%;
  position: relative;
  min-height: fill-available;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  .title-bar-wrapper {
    position: fixed;
  }
  .info {
    padding: 32px;
    padding-top: 124px;
    .area {
      margin: 16px 0;
      h3 {
        height: 56px;
        color: rgba(0, 0, 0, 0.87);
        line-height: 56px;
      }
      p {
        color: rgba(0, 0, 0, 0.54);
        margin: 16px 0;
      }
    }
  }
}
</style>
